<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

    </style>
</head>
<body>
<!--
    标签嵌套的规则：
            1、行内标签不能嵌套块标签，块标签可以嵌套行内标签；
            2、a标签里面不能嵌套a标签了；
            3、h1-h6，dt这些标签的性质是标题，那么里面就不能嵌套块元素了，（可以嵌套行内元素）;
            4、p标签是不能嵌套块标签的（可以嵌套行内标签）；
            5、ul和li、以及ol和li以及dl和dt、dd他们是固定的嵌套规则；
                    1）ul和ol的下面只能是li，li的父级只能是ul和ol；
                    2）li中可以嵌套任何标签，甚至可以在放一个ul和il；
                    3）dl和dt、dd可以参看ul和li；
            6、



-->
<!--<span style="border: 1px solid red"><div>123</div></span>-->
<!--<a href="http://baidu.com">-->
<!--百<a href="http://www.apeclass.com">海棠</a>度-->
<!--</a>-->
<!--<h1>这里是一个大<span style="color: red">标题</span></h1>-->
<!--<p>这里是一段文字这里是一段文字这里是一段文字这里是一段文字 <div>这里是一段文字</div>这里是一段文字这里是一段文字这里是一段文字这里是一段文字</p>-->
<ul>
    <li>
        <h2>这里是标题1</h2>
        <ul>
            <li>这是第一个标题</li>
            <li>这是第一个标题</li>
            <li>这是第一个标题</li>
        </ul>
    </li>
    <li><h2>这里是标题2</h2>
        <ul>
            <li>这是第一个标题</li>
            <li>这是第一个标题</li>
            <li>这是第一个标题</li>
        </ul>
    </li>
    <li><h2>这里是标题3</h2>
        <ul>
            <li>这是第一个标题</li>
            <li>这是第一个标题</li>
            <li>这是第一个标题</li>
        </ul>
    </li>
</ul>
</body>
</html>